<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="">
    <title>订单进度详情</title>
    <link rel="stylesheet" href="css/idangerous.swiper.css"/>
    <link rel="stylesheet" href="css/jquery.fullpage.css">
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/idangerous.swiper.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.js"></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script src="js/basic.js"></script>


    <!--[if lt IE 9]><script src="js/html5.js" ></script><![endif]-->
    <!--[if lt IE 9]><script src="js/selectivizr-min.js" ></script><![endif]-->


</head>
<body>



<!--头部-->
<header></header>


<!--会员页面头部-->
<div class="vip-header"></div>


<div class="vip-order-detail">
    <div class="wrap">
        <div class="bread-nav clearfix">
            <span>您的当前位置：</span>
            <a href="#">首页</a>
            <span>&gt;</span>
            <a href="#">会员中心</a>
        </div>


        <div class="vip-content clearfix">
            <div class="vip-link">
                <div class="vip-link-title">会员中心</div>
                <ul class="vip-link-ul">
                    <li class="vip-link-list">
                        <a href="vip.html">
                            <div class="vip-link-line"></div>
                            <p>商户名称</p>
                        </a>
                    </li>
                    <li class="vip-link-list">
                        <a href="vip-write-order1.html">
                            <div class="vip-link-line"></div>
                            <p>订单填写</p>
                        </a>
                    </li>
                    <li class="vip-link-list on">
                        <a href="vip-recent-order.html">
                            <div class="vip-link-line"></div>
                            <p>最近订单</p>
                        </a>
                    </li>
                    <li class="vip-link-list">
                        <a href="vip-history-order.html">
                            <div class="vip-link-line"></div>
                            <p>历史订单</p>
                        </a>
                    </li>
                    <li class="vip-link-list">
                        <a href="vip-download.html">
                            <div class="vip-link-line"></div>
                            <p>报告下载</p>
                        </a>
                    </li>
                    <li class="vip-link-list">
                        <a href="vip-write-order2.html">
                            <div class="vip-link-line"></div>
                            <p>变更报告</p>
                        </a>
                    </li>
                </ul>
            </div>


            <div class="vip-right">
                <div class="vr-order-title clearfix">
                    <div class="vrot-heading">深圳市易百讯科技有限公司</div>
                    <div class="vrot-sub-heading">订单编号:1023456120</div>
                </div>

                <div class="vod-content">
                    <div class="vod-type clearfix">
                        <span>接收订单</span>
                        <span>检测中</span>
                        <span>检测完成</span>
                        <span>查看报告</span>
                    </div>

                    <!--进度条-->
                    <div class="vod-process">
                        <div class="vod-process-bar" style="width: 80%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--会员底部-->
<div class="vip-footer"></div>



</body>
</html>